<script setup>
import LevelMenu from '@/components/LevelMenu.vue'
// 导航的数据
const menuDataSource = [
     {
        children: [
            { tabName: '数字化诊断', isChose: false,path: '/name', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' },
        ]
    },
    {
        tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp',
        tabName: '报表(新版)',
        children: [
            { tabName: '数据驾驶舱', isChose: true, path: '/index/stat/cockpit' },
            { tabName: '客户分析', isChose: true, path: '/index/stat/customerAnalysis' },
            { tabName: '收支分析', isChose: true, path: '/index/stat/incomeNew' },
            { tabName: '回款情况', isChose: true, path: '/index/stat/paymentNew' },
            { tabName: '自定义报表', isChose: true, path: '/index/stat/customStat' }

        ]
    },
     {
        tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp',
        tabName: '报表(老版)',
        children: [
            { tabName: '代账客户统计', isChose: true, path: '/index/stat/agentCustomer' },
            { tabName: '收支统计报表', isChose: true, path: '/index/stat/income' },
            { tabName: '合同续签报表', isChose: true, path: '/index/stat/statContractRenew' },
            { tabName: '回款情况报表', isChose: true, path: '/index/stat/payment' },
            { tabName: '销售统计表', isChose: true, path: '/index/stat/sales' }

        ]
    },
    {
        children: [
            { tabName: '设置', isChose: false, path: '/name', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' ,path:'/index/stat/setting' },
        ]
    }
]
</script>

<template>
    <div class="stat">
        <div class="left-tab">
            <LevelMenu :menuDataSource="menuDataSource" />
        </div>
        <div class="content">
            <RouterView></RouterView>
        </div>
    </div>
</template>

<style lang="less" scoped>
.stat {
    width: 100%;
    height: 100%;
    display: flex;
}

.left-tab {
    flex-shrink: 0;
    width: 200px;
    height: 100%;
    border-right: 1px solid #eee;
}

.content {
    flex: 1;
    height: 100%;
    overflow: auto;
}
</style>